<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="css/food-show.css">
	<body>


		<!-- 导航 -->
		<div class="page-top">
			<div class="container">
				<div class="top-lt">
					<a href="">同乡烩</a>
					<span>|</span>
					<a href="adm/pages/index.html">管理员</a>
					<span>|</span>
					<a href="">待定</a>
					<span>|</span>
					<a href="">待定</a>
					<span>|</span>
					<a href="">待定</a>
					<span>|</span>
					<a href="">待定</a>
					<span>|</span>
					<a href="">待定</a>
					<span>|</span>
				</div>

				<div class="top-gt">
					<div class="login">
						<a href="login.html">登录</a>
						<span>|</span>
						<a href="register.html">注册</a>
						<span>|</span>
						<a href="">购物车</a>
					</div>
				</div>
			</div>
		</div>

		<div class="da">
			<!-- 品类选择下拉框 -->
			<div class="xlk">
				<span><a href="">菜系选择</a></span>
				<select οnchange="checkTypeChange()" name="checkType"> //onchange触发js
					<option selected="selected" value="0">---请选择---</option>
					<option value="1">粤菜</option>
					<option value="2">川菜</option>
					<option value="3">闽菜</option>
					<option value="4">鲁菜</option>
					<option value="5">苏菜</option>
					<option value="6">浙菜</option>
					<option value="7">湘菜</option>
					<option value="8">徽菜</option>
				</select>


				<span class="cs"><a href="#cs">厨师选择</a></span>

			</div>





			<!-- 搜索 -->

			<div class="search">
				<input type="text" value="" placeholder="请输入关键词">
				<button></button>
			</div>



			<!-- 展示 -->

			<div class="show-head">
				<div class="show-body">
					<ul class="show-cp">
						<li>
							<img src="images/foodlist1.jpg" alt="">
							<h4>
								菜名
							</h4>
							<div class="info">
								<input type="submit" value="加入购物车" />
							</div>
						</li>
						<li>
							<img src="images/foodlist1.jpg" alt="">
							<h4>
								菜名
							</h4>
							<div class="info">
								<input type="submit" value="加入购物车" />
							</div>
						</li>
						<li>
							<img src="images/foodlist1.jpg" alt="">
							<h4>
								菜名
							</h4>
							<div class="info">
								<input type="submit" value="加入购物车" />
							</div>
						</li>
						<li>
							<img src="images/foodlist1.jpg" alt="">
							<h4>
								菜名
							</h4>
							<div class="info">
								<input type="submit" value="加入购物车" />
							</div>
						</li>
				

						<!-- 厨师 -->
						
						<li id="cs">
							<img src="images/cs1.png" alt="">
							<h4>
								李华&nbsp;&nbsp;&nbsp擅长川菜
							</h4>
							<div class="info">
								<input type="submit" value="选择该厨师" />
							</div>
						</li>




						<li>
							<img src="images/cs1.png" alt="">
							<br />
							<h4>
								李华&nbsp;&nbsp;&nbsp;擅长川菜
							</h4>
							<div class="info">
								<input type="submit" value="选择该厨师" />
							</div>
						</li>


					</ul>




				</div>





			</div>
		</div>
	</body>
</html>
